.im-boxshow{ box-shadow: 0 0 15px 3px rgba(0,0,0,.12);}
.im-zindex{ z-index:99;}
.im-hide{ display:none;}
.im-smallwin{ width:200px; height:40px; background-color:#f5f5f5; border:solid 1px #eaeaea; border-bottom:0; position:fixed; bottom:0; right:0; overflow:hidden; display:none;}
.im-smallwin .im-sm-icon{ width:30px; height:30px;background-position: 0 -958px; cursor:pointer; float:left; background-image:url(../images/im-icon.png); margin:5px 5px 0 10px;}
.im-smallwin .im-sm-msg{ width:70px; height:40px; float:left; line-height:40px; overflow:hidden; color:#333; cursor:pointer; margin-left:5px;}
.im-smallwin .im-sm-arrow{ width:14px; height:12px;background-position: 0 -90px; float:right; background-image:url(../images/im-icon.png); margin-top:17px; margin-right:18px; cursor:pointer;}
.im-smallwin .im-sm-zoom{ width:13px; height:13px;background-position: 0 -141px; float:right; background-image:url(../images/im-icon.png); margin-top:15px; margin-right:18px; cursor:pointer;}

.im-bwin{ width:620px; height:450px; background-color:#fff; position:fixed; bottom:-200%; right:35px; display:none;}
.im-bwin .im-left{ width:419px; height:450px; float:left; overflow:hidden; border-right:solid 1px #eaeaea; position:relative;}
.im-bwin .im-left .im-lock{ width:100%; height:450px; background-color:#fff; overflow:hidden; position:absolute; left:0; top:0; display:none; z-index:1;}
.im-bwin .im-left .im-lock .im-lock-img{ width:151px; height:79px; background-image:url(../images/im-icon.png);background-position: 0 -1094px; margin:160px auto 10px auto;}
.im-bwin .im-left .im-lock p{ color:#666; text-align:center; line-height:35px;}
.im-bwin .im-left .im-lock p a{ color:#ff552e;}

.im-bwin .im-left .im-l-header{ width:100%; height:39px; line-height:39px; border-bottom:solid 1px #efefef; color:#333; font-size:15px; overflow:hidden;}
.im-bwin .im-left .im-l-header span{ width:6px; height:6px; display:inline-block;margin:0 5px 0 15px; position:relative; top:-1px; border-radius:50%;}
.im-bwin .im-left .im-l-header span.im-on{ background-color:#53b5e8;}
.im-bwin .im-left .im-l-header span.im-off{ background-color:#666;}
.im-bwin .im-left .im-msgdiv{ width:100%; height:274px; overflow:hidden; overflow-y:auto; padding-top:10px; padding-bottom:10px;}
.im-bwin .im-left .im-msgarea{ width:100%; height:110px; border-top:solid 1px #eaeaea; position:relative; overflow:hidden;}
.im-bwin .im-left .im-msgarea .im-btn{ width:70px; height:24px; text-align:center; line-height:24px; font-size:12px; background-color:#ccc; color:#666; border-radius:4px; position:absolute; bottom:5px; right:10px; cursor:pointer;}
.im-bwin .im-left .im-msgarea .im-btn-info{ background-color:#53b5e8; color:#fff;}
.im-bwin .im-left .im-msgarea .im-msg-tips{ width:300px; height:24px; position:absolute; bottom:5px; left:10px; line-height:24px; color:#53b5e8;}
.im-bwin .im-left .im-msgarea .im-msg-tips a{ color:#ff552e;} 

.im-bwin .im-left .im-msgarea .im-tool{ width:100%; height:35px; overflow:hidden;}
.im-bwin .im-left .im-msgarea .im-tool div{background-image:url(../images/im-icon.png); float:left; margin-top:10px; margin-left:15px; cursor:pointer;}
.im-bwin .im-left .im-msgarea .im-tool div.im-emotion{ width:17px; height:17px;background-position: 0 -349px;}
.im-bwin .im-left .im-msgarea .im-tool div.im-pic{ width:18px; height:17px;background-position: 0 -315px;}
.im-bwin .im-left .im-msgarea .im-tool div.im-shortcart{ width:18px; height:17px;background-position: 0 -281px;}
.im-bwin .im-left .im-msgarea .im-tool div.im-emotion:hover{background-position: 0 -332px;}
.im-bwin .im-left .im-msgarea .im-tool div.im-pic:hover{background-position: 0 -298px;}
.im-bwin .im-left .im-msgarea .im-tool div.im-shortcart:hover{background-position: 0 -264px;}
.im-bwin .im-left .im-msgarea .im-tomsg{ width:100%; height:40px; overflow:hidden;}
.im-bwin .im-left .im-msgarea .im-textarea{ width:384px; height:40px; overflow:auto; border:none; outline:none; margin:0px auto; background:#efefef; display:block; color:#333; font-size:13px; line-height:20px; box-sizing:border-box; padding:5px; font-family:'Microsoft YaHei';}

.im-bwin .im-right{ width:200px; height:450px; float:right; overflow:hidden; background-color:#f5f5f5;}
.im-bwin .im-right .im-r-header{ width:100%; height:39px;border-bottom:solid 1px #eaeaea;}
.im-bwin .im-right .im-r-header .im-sm-icon{ width:30px; height:30px;background-position: 0 -958px; cursor:pointer; float:left; background-image:url(../images/im-icon.png); margin:5px 5px 0 10px;}
.im-bwin .im-right .im-r-header .im-sm-msg{ width:70px; height:40px; float:left; line-height:40px; overflow:hidden; color:#333; cursor:pointer; margin-left:5px;}
.im-bwin .im-right .im-r-header .im-sm-arrow{ width:14px; height:12px;background-position: 0 -66px; float:right; background-image:url(../images/im-icon.png); margin-top:17px; margin-right:18px; cursor:pointer;}
.im-bwin .im-right .im-r-header .im-sm-zoom{ width:13px; height:13px;background-position: 0 -141px; float:right; background-image:url(../images/im-icon.png); margin-top:15px; margin-right:18px; cursor:pointer;}

.im-bwin .im-right .im-friend{ width:100%; height:410px; overflow:hidden; position:relative; overflow-y:auto;}
.im-bwin .im-right .im-friend-list{ width:100%;}
.im-bwin .im-right .im-friend-li{ width:100%; height:54px; overflow:hidden; cursor:pointer; border-bottom:solid 1px #efefef; position:relative;}
.im-bwin .im-right .im-friend-outline .im-friend-face img{-webkit-filter: grayscale(1);filter: gray;filter: grayscale(1);}
.im-bwin .im-right .im-friend-li.active{ background-color:#eaeaea;}
.im-bwin .im-right .im-friend-li:hover{ background-color:#eaeaea;}
.im-bwin .im-right .im-friend-li .im-friend-face{ width:30px; height:30px; float:left; overflow:hidden; margin:12px 12px 0 12px; cursor:pointer;}
.im-bwin .im-right .im-friend-li .im-friend-face img{ width:30px; height:30px; margin:0px auto; border-radius:50%;}
.im-bwin .im-right .im-friend-li .im-friend-user{ width:131px; float:left; height:54px; overflow:hidden; margin-right:5px; position:relative;}
.im-bwin .im-right .im-friend-li .im-friend-username{ height:25px; width:69px; line-height:25px; margin-top:4px; overflow:hidden;text-overflow: ellipsis;display:inline-block;white-space: nowrap; font-size:14px;}
.im-bwin .im-right .im-friend-li .im-msg-time{ width:40px; height:25px; line-height:25px; text-align:right; position:absolute; right:0; top:8px;}
.im-bwin .im-right .im-friend-li .im-last-msg{ height:20px; width:135px; line-height:20px; margin-top:-8px; overflow:hidden;text-overflow: ellipsis;display:inline-block;white-space: nowrap; color:#999;}
.im-bwin .im-right .im-friend-li .im-bage{ padding:0px 5px; border-radius:50%; background-color:#f00; color:#fff; position:absolute; right:5px; top:26px; font-size:12px; z-index:666;}

.im-msg-list{ margin:0;padding:0;list-style:none; height:auto; overflow:hidden;}
.im-msg{ position:relative;}
.im-msg .im-msg-time{ margin:8px auto;color:#bbb;text-align:center;font-weight:400;font-size:9px; margin-top:5px;}
.im-msg .im-msg-main{ position:relative;display:inline-block;padding:6px 10px 7px;max-width:100%;border-radius:2px}
.im-msg .im-msg-main img{ max-width:100%!important;}
.im-msg .im-msg-arrow{ position:absolute;top:50%;margin-top:-6.5px;width:7px;height:13px;content:''}
.im-msg.im-msg-me{ text-align:right}
.im-msg.im-msg-me a{ color:#fff}
.im-msg.im-msg-me .im-msg-arrow{ left:100%;margin-left:-1px;width:7px;background-image:url(../images/im-icon.png);background-position:0 -115px}
.im-msg.im-msg-me .im-msg-avatar{ right:10px;margin-right:-50px; width:30px; height:30px; border-radius:50%;}
.im-msg.im-msg-me .im-msg-main{ margin-right:9pt;margin-left:50px;background-color:#a0e75a;color:#000; line-height:180%;}
.im-msg.im-msg-me .im-msg-main .im-msg-content{ text-align:left;}
.im-msg.im-msg-me.im-has-avatar .im-msg-main{ margin-right:50px;}

.im-msg.im-has-avatar .im-msg-avatar{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px}
.im-msg.im-msg-other{text-align:left}
.im-msg.im-msg-other .im-msg-avatar{left:10px;margin-left:-50px; width:30px; height:30px; border-radius:50%;}
.im-msg.im-msg-other a{color:#0db8ed}
.im-msg.im-msg-other .im-msg-main{margin-right:50px;margin-left:9pt;background-color:#f1f1f1;color:#333}
.im-msg.im-msg-other .im-msg-main .im-msg-content{text-align:left;line-height:180%;}
.im-msg.im-msg-other .im-msg-main .im-msg-arrow{right:100%;margin-right:-1px;width:7px;height:13px;background-image:url(../images/im-icon.png);background-position:0 -128px;}
.im-msg.im-msg-other.im-has-avatar .im-msg-main{margin-left:50px}

.im-time-bg{ padding:2px 6px; background-color:#cecece; color:#fff; border-radius:18px;}

.im-emotion-content{ width:360px; height:250px;position: absolute;border: 1px solid #efefef; background-color:#fff;box-shadow: 3px 3px 8px #d6d6d6; left:4px; bottom:124px; display:none; z-index:2;}
.im-arrow-emotion{ left:12px !important;}
.im-emotion-content .im-emotion-div{ width:348px; height:204px;margin:5px auto 0px auto; border-right:solid 1px #efefef; border-bottom:solid 1px #efefef;}
.im-emotion-div li{ width:28px; height:28px; cursor:pointer; float:left; border-left:solid 1px #efefef;border-top:solid 1px #efefef;}
.im-emotion-div li img{ display:block; margin:3px auto; width:22px; height:22px;}
.im-emotion-div li:hover{ background-color:#efefef;}
.im-emotion-foot{ height:30px; overflow:hidden; margin-left:6px; overflow:hidden;}
.im-emotion-foot li{ width:auto;background-color:#efefef; color:#666; display:block; float:left; text-align:center;cursor:pointer; margin-top:6px; padding:4px 8px;}
.im-emotion-foot li:hover,.im-emotion-foot li.active{ background-color:#CCC; color:#333;}
.im-pic-form{ opacity:0; display:none;}

.im-chart-emotion{ width:22px;}

.im-shortcut-content{position: absolute;border: 1px solid #efefef; background-color:#fff;box-shadow: 3px 3px 8px #d6d6d6; bottom:128px; left:10px; display:none; z-index:2;}
.im-shortcut-texts{list-style:none;padding:0;margin:0}
.im-shortcut-texts li{padding:10px 5px!important;cursor:pointer}
.im-shortcut-texts li:hover{color:#0db8ed}
.im-shortcut-texts li+li{border-top:1px solid #eee}
.im-shortcut-arrow-down{position:absolute;top:100%;left:75px;background-image:url(../images/im-icon.png);background-position:0 -8px;width:9px;height:8px}

.im-huge{ width:960px; height:640px; left:50%; margin-left:-480px; top:50%; margin-top:-320px;}
.im-huge .im-left{ width:759px; height:640px;}
.im-huge .im-right{ width:200px; height:640px;}
.im-huge .im-right .im-friend{ width:100%; height:600px; overflow:hidden; position:relative; overflow-y:auto;}
.im-huge .im-left .im-msgdiv{ width:100%; height:452px; overflow:hidden; overflow-y:auto; padding-top:10px; padding-bottom:10px;}
.im-huge .im-left .im-msgarea .im-textarea{ width:730px;}
.im-huge .im-left .im-lock .im-lock-img{ width:151px; height:79px; background-image:url(../images/im-icon.png);background-position: 0 -1094px; margin:200px auto 10px auto; z-index:1;}
.im-huge .im-left .im-msgarea .im-textarea{ background-color:#fff;}
.im-huge .im-left .im-msgarea .im-btn{  border-radius:2px;width:76px; height:28px; line-height:28px; bottom:0px;}

.im-bg{ width:100%; height:100%; position:fixed; z-index:10; background:#f4f5f5; background-size:cover; left:0; top:0; display:none;}


.im-msgdiv::-webkit-scrollbar{width: 3px;}
.im-msgdiv::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.2);}
.im-msgdiv::-webkit-scrollbar-thumb{background-color:#999;}

.im-friend::-webkit-scrollbar{width: 3px;}
.im-friend::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.2);}
.im-friend::-webkit-scrollbar-thumb{background-color:#999;}

.im-huge .im-product{ width:400px; height:75px; overflow:hidden; box-sizing:border-box;}
.im-huge .im-product .im-propic{ width:75px; height:75px; float:left; margin:0px; border-radius:4px; margin-right:10px;}
.im-huge .im-product .im-product-main{ width:315px !important; float:left; height:65px; overflow:hidden;}
.im-huge .im-product .im-product-main h2{ font-size:13px; font-weight:normal; width:100%; line-height:150%; height:40px; overflow:hidden;}
.im-huge .im-product .im-product-main p{ font-size:14px; color:#f00; line-height:30px;}

.im-bwin .im-product{ height:75px; overflow:hidden; box-sizing:border-box;}
.im-bwin .im-product .im-propic{ width:75px; height:75px; float:left; margin:0px; border-radius:4px; margin-right:10px;}
.im-bwin .im-product .im-product-main{ width:200px; float:left; height:65px; overflow:hidden;}
.im-bwin .im-product .im-product-main h2{ font-size:13px; font-weight:normal; width:100%; line-height:150%; height:40px; overflow:hidden; color:#000;}
.im-bwin .im-product .im-product-main p{ font-size:14px; color:#f00; line-height:30px;}

.im-sm-msgcount{ color:#ff0000;}

.im-auth-upgrade{ width:100%; height:40px; text-align:center; background:#fdd000; color:#333; line-height:40px; position:absolute; top:0; left:0; z-index:666; display:none;}
.im-auth-upgrade a{ color:#333;}